<template>
    <div class="hot-box">
        <Header></Header>
   <MovieList :res=' comingRes'>
       <ul class="comingsoon">
           <li class="ppx">
               <a href="#" class="pp-a">
                   <div class="pp-left">
                       <img src="../../assets/images/213a0b9147bf51bb4c66afb3fe0815d6.jpg" style="width:100%;height:100%">
                   </div>
                   <div class="pp-right">
                       <div class="p-r-one"><span>皮皮虾总裁</span><b>2D</b></div>
                       <div class="p-r-null"></div>
                       <div class="p-r-three">主演：陈小雨  孙苏雅  金阳 </div>
                       <div class="p-r-four">上映日期：2019年3月 待定</div>
                   </div>
               </a>
           </li>
            <li class="ppx">
               <a href="#" class="pp-a">
                   <div class="pp-left">
                       <img src="../../assets/images/213a0b9147bf51bb4c66afb3fe0815d6.jpg" style="width:100%;height:100%">
                   </div>
                   <div class="pp-right">
                       <div class="p-r-one"><span>皮皮虾总裁</span><b>2D</b></div>
                       <div class="p-r-null"></div>
                       <div class="p-r-three">主演：陈小雨  孙苏雅  金阳 </div>
                       <div class="p-r-four">上映日期：2019年3月 待定</div>
                   </div>
               </a>
           </li>
            <li class="ppx">
               <a href="#" class="pp-a">
                   <div class="pp-left">
                       <img src="../../assets/images/213a0b9147bf51bb4c66afb3fe0815d6.jpg" style="width:100%;height:100%">
                   </div>
                   <div class="pp-right">
                       <div class="p-r-one"><span>皮皮虾总裁</span><b>2D</b></div>
                       <div class="p-r-null"></div>
                       <div class="p-r-three">主演：陈小雨  孙苏雅  金阳 </div>
                       <div class="p-r-four">上映日期：2019年3月 待定</div>
                   </div>
               </a>
           </li>
             <li class="ppx">
               <a href="#" class="pp-a">
                   <div class="pp-left">
                       <img src="../../assets/images/213a0b9147bf51bb4c66afb3fe0815d6.jpg" style="width:100%;height:100%">
                   </div>
                   <div class="pp-right">
                       <div class="p-r-one"><span>皮皮虾总裁</span><b>2D</b></div>
                       <div class="p-r-null"></div>
                       <div class="p-r-three">主演：陈小雨  孙苏雅  金阳 </div>
                       <div class="p-r-four">上映日期：2019年3月 待定</div>
                   </div>
               </a>
           </li>
             <li class="ppx">
               <a href="#" class="pp-a">
                   <div class="pp-left">
                       <img src="../../assets/images/213a0b9147bf51bb4c66afb3fe0815d6.jpg" style="width:100%;height:100%">
                   </div>
                   <div class="pp-right">
                       <div class="p-r-one"><span>皮皮虾总裁</span><b>2D</b></div>
                       <div class="p-r-null"></div>
                       <div class="p-r-three">主演：陈小雨  孙苏雅  金阳 </div>
                       <div class="p-r-four">上映日期：2019年3月 待定</div>
                   </div>
               </a>
           </li>
           <li class="ppx">
               <a href="#" class="pp-a">
                   <div class="pp-left">
                       <img src="../../assets/images/213a0b9147bf51bb4c66afb3fe0815d6.jpg" style="width:100%;height:100%">
                   </div>
                   <div class="pp-right">
                       <div class="p-r-one"><span>皮皮虾总裁</span><b>2D</b></div>
                       <div class="p-r-null"></div>
                       <div class="p-r-three">主演：陈小雨  孙苏雅  金阳 </div>
                       <div class="p-r-four">上映日期：2019年3月 待定</div>
                   </div>
               </a>
           </li>
           <li class="ppx">
               <a href="#" class="pp-a">
                   <div class="pp-left">
                       <img src="../../assets/images/213a0b9147bf51bb4c66afb3fe0815d6.jpg" style="width:100%;height:100%">
                   </div>
                   <div class="pp-right">
                       <div class="p-r-one"><span>皮皮虾总裁</span><b>2D</b></div>
                       <div class="p-r-null"></div>
                       <div class="p-r-three">主演：陈小雨  孙苏雅  金阳 </div>
                       <div class="p-r-four">上映日期：2019年3月 待定</div>
                   </div>
               </a>
           </li>
           <li class="ppx">
               <a href="#" class="pp-a">
                   <div class="pp-left">
                       <img src="../../assets/images/213a0b9147bf51bb4c66afb3fe0815d6.jpg" style="width:100%;height:100%">
                   </div>
                   <div class="pp-right">
                       <div class="p-r-one"><span>皮皮虾总裁</span><b>2D</b></div>
                       <div class="p-r-null"></div>
                       <div class="p-r-three">主演：陈小雨  孙苏雅  金阳 </div>
                       <div class="p-r-four">上映日期：2019年3月 待定</div>
                   </div>
               </a>
           </li>
       </ul>
   </MovieList>
    </div>
</template>
<script>
import MovieList from 'components/common/movies/MovieList'
import {mapActions,mapGetters} from 'vuex'
import { Indicator } from 'mint-ui'
import BScroll from 'better-scroll'
export default {
   computed:{
       ...mapGetters(['comingRes'])
   },
   methods:{
       ...mapActions(['getComing'])
   },
   created(){
       this.getComing()
   },
   component:{
       MovieList
   },
   

}
</script>
<style lang="stylus" scoped>
     @import '~styles/_border.styl'
     @import '~styles/_ellp.styl'
   .hot-box
    height 100%
    .comingsoon
      width 3.6rem
      height 24.8rem
     .ppx
      margin .2rem 0 .1rem .15rem
      height 1.24rem
      .pp-a
       text-decoration none
       display block
       height .94rem
       display flex
       .pp-left
        
        width .66rem
        height .94rem
       .pp-right
        margin 0.1rem 0 0 .2rem
        width 2.29rem
        height .78rem

       .pp-right
        .p-r-one
         height .22rem
         font-size .16rem
         font-family: Microsoft YaHei,Tahoma,Helvetica,Arial,sans-serif
         span
          color #191a1b
         b
          background-color #d2d6dc
          color #fff
          margin-left .1rem
        .p-r-null
         height .18rem
        .p-r-three
         color #797d82
        .p-r-four
         color #797d82
         margin-top .1rem
       
        
</style>

